<template>
  <div class="goods">
    <p>{{ uname }}</p>
    <p>{{ age }}</p>
    <p>{{ sex }}</p>
  </div>
</template>
<script>
export default {
  // 接收父组件传递过来的数据
  // 接收到的数据，和data数据一样用，只是不能修改
  // props: ["uname", "age", "sex"],

  // props也可以写成对象格式(写成对象也是为了加更多配置)
  // 有三个配置可以使用 required表示必填;type类型约束;default默认值
  props:{
    uname:{
      required:true,
      type:String
    },
    age:Number,
    sex:{
      default:'未知',
      type:[String,Number]
    }
  }
};
</script>
<style>
.goods {
  min-height: 100px;
  border: solid 3px black;
  padding: 10px;
  margin: 8px;
}
</style>